<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>森海塞尔</title>
    <script src="./js/template-web.js"></script>
    <script src="./js/ajax.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/order.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div>
            <div>
                <a href="/"><img src="./images/index/jianjian-logo.png"></a>
            </div>
            <div class="nav">
                <div class="point liner active">
                    <a href="javascript:;">我的购物车</a>
                </div>
                <div class="point liner active">
                    <a href="javascript:;">填写核对订单</a>
                </div>
                <div class="point">
                    <a href="javascript:;">成功提交订单</a>
                </div>
            </div>
        </div>
    </header>

    <table></table>
    <!-- 内容 -->
    <div class="container">
        <p>收货地址</p>
        <div class="address">
            <script id="address_list" type="text/html">
                {{if address}}
                {{each address}}
                <div>
                    <input type="hidden" value="{{$value.aid}}">
                    <p class="a-title">{{$value.addressName}}&nbsp;&nbsp;&nbsp;&nbsp;{{$value.cellphone}}</p>
                    <p class="a-content">{{$value.province}}&nbsp;&nbsp;{{$value.city}}&nbsp;&nbsp;{{$value.address}}
                    </p>
                </div>
                {{/each}}
                {{/if}}
                <div class="add">
                    <a href="/user.html"><img src="./images/admin/icon/Plus.png">新增收货地址</a>
                </div>
            </script>
        </div>

        <p>商品信息</p>
        <div class="product">
            <script id="product_list" type="text/html">
                {{each product}}
                <div class="item">
                    <img src="{{$value.img1}}">
                    <p>{{$value.pname}}</p>
                    <p>¥{{$value.price}}</p>
                    <p>×{{$value.pnum}}</p>
                </div>
                {{/each}}
            </script>
        </div>

        <div class="bottom">
            <div>
                买家备注：<input type="text">
            </div>
            <div class="price_main">
                <script id="price_list" type="text/html">
                    <p>商品总额：<span><i>¥</i>{{allPrice}}</span></p>
                    <p>优惠抵扣：<span><i>-¥</i>0</span></p>
                    <p>运费：<span><i>+¥</i>0</span></p>
                </script>
            </div>
            <div class="check_price">
                <div>
                    <p>应付金额:</p>
                    <p>¥<span id="buy">2395.50</span></p>
                    <button onclick="buy()" type="button">提交订单</button>
                    <p id="msg"></p>
                </div>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <iframe src="./footer.html" width="100%" frameborder="0" scrolling="no" height="414px"></iframe>

    <script src="./js/order.js"></script>
</body>

</html>